@import "addons.scss";
@import "admin.scss";
.admin {
  @include addons;
  @include admin;
}

.etiquetaCabecera{
	font-weight: bold;
	color: #555555;
}

.valorCabecera{
	font-weight: normal;
	color: #555555;
}

.fieldRequired {
    
}

.fieldRequiredEmpty {
    border-style: solid!important;
	border-color: red!important;
	border-width: 1px!important;
}

.fieldRequiredEmpty2 {    
    border-color: red!important;
    -webkit-border-radius: 10px!important;
	-moz-border-radius: 10px!important;
	border-top-left-radius: 3px!important;
	border-top-right-radius: 10px!important;
	border-bottom-right-radius: 10px!important;
	border-bottom-left-radius: 3px!important;
	border-width: 1px!important;
	border-style: solid!important;
}

.fieldHidden {
    display: none!important;
}

.titulo{
	font-weight: bold;
	font-size: 12px!important;
	color: #317eac;
	border-bottom: 1px solid #eeeeee;
}
.subtitulo{
	font-weight: bold;
	color: #317eac;
}
.etiqueta{
	font-weight: bold;
	color: #555555;
}

/* Menu Bar */

.desktop{
	background: url(images/grid_background.png);
	background-size: 100% 100%;
    background-repeat: no-repeat;
}

.desktopLogin{
	background: url(images/flow_draft.gif);
	background-size: 100% 100%;
    background-repeat: no-repeat;
}

.toolbar .v-button {
      display: block!important;
      height: 45px!important;
      background: transparent!important;
      //border: none!important;
      text-align: center!important;
}
 
.toolbar .v-button img {
      display: block!important;
      margin-left: auto!important;
      margin-right: auto!important;
      margin-bottom: 5px!important;
      height: 20px!important;
}

.toolbar .v-button span {
      font-size: xx-small!important;
      //text-shadow: #fafafa 1px 1px 0!important;
      text-align: center!important;
}

.toolbar .v-button .v-button-wrap, 
.toolbar .v-disabled.v-button .v-button-wrap {
   background: transparent!important;
   border: none!important;
   -webkit-border-radius: 0!important;
   -moz-border-radius: 0!important;
   border-radius: 0!important;
   -webkit-box-shadow: none!important;
   -moz-box-shadow: none!important;
   box-shadow: none!important;
}

.toolbar .v-button:active .v-button-wrap,
.toolbar .v-button.v-pressed .v-button-wrap {  
   background-color: rgba(245, 180, 55, 0.2)!important;
   -webkit-box-shadow: none!important;
   -moz-box-shadow: none!important;
   box-shadow: none!important;
}

.buttoncust .v-button {
      display: block!important;
      height: 26px!important;
      background: #829AA6!important;
      border-style: solid;
	  border-color: #A9A9A9;
	  border-width: 1px;
      text-align: center!important;
      -webkit-border-radius: 4px!important;
	  -moz-border-radius: 4px!important;
	  border-radius: 4px!important;
}
 
.buttoncust .v-button img {
      display: block!important;
      margin-left: auto!important;
      margin-right: auto!important;
      //margin-bottom: 5px!important;
      height: 16px!important;
}

.buttoncust .v-button span {
      font-size: small!important;
      font-weight: 200;
      text-shadow: none!important;
      text-align: center!important;
}

.buttoncust .v-button .v-button-wrap, 
.buttoncust .v-disabled.v-button .v-button-wrap {
   background: transparent!important;
   border: none!important;
   -webkit-border-radius: 0!important;
   -moz-border-radius: 0!important;
   border-radius: 0!important;
   -webkit-box-shadow: none!important;
   -moz-box-shadow: none!important;
   box-shadow: none!important;
}

.buttoncust .v-button:active{  
   background-color: rgba(62, 53, 42, 0.9)!important;
   -webkit-box-shadow: none!important;
   -moz-box-shadow: none!important;
   box-shadow: none!important;
   border-color: #4D90FE;
   border-style: solid;
   border-width: 1px;
   span{
   	color: white!important;
   }   
}

.buttoncust .v-button:focus,
.buttoncust .v-button:hover{  
	border-style: solid;
  	border-color: black;
  	border-width: 1px;
}

.editable{
	border: 2px solid #2E9AFE;
}

.topMainLayout{
	position:absolute!important; 
	top:0!important; 
	left:0!important;	
}

.body { margin:0; /* This is used to reset any browser-default margins */ }

.v-window-outerheader {
 	background: #F5B437!important;
 	background-image:none!important;
 	height:32px!important;
 }

.v-window-header {
 	color: white!important;
 	text-shadow: none!important;
 }
 
.v-window { 	 	
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	border-radius: 5px!important;
	border: 2px solid #9F9F9F!important
} 
.popupContent { 	 	
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	border-radius: 5px!important;	
}
.v-window-wrap { 	 	
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	border-radius: 5px!important;	
}
.v-window-contents { 	 	
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	border-radius: 5px!important;	
}

.v-window-contents{
	background-color: #E2E2E2!important;
}

.v-menubar{
	//background-color: #E2E2E2!important;
	background-color: #F5B437!important;
	background-image: none!important;
	color: black!important;
	text-shadow: none!important;
}

.v-menubar2{
	  display: block!important;
	  //height: 28px!important;
	  background: #829AA6!important;
	  border-style: solid!important;
	  border-color: black!important;
	  border-width: 1px!important;
	  text-align: left!important;
	  -webkit-border-radius: 4px!important;
	  -moz-border-radius: 4px!important;
	  border-radius: 4px!important;
}

.panelLogin{
	
}

.v-panel-content-panelLogin{
	background-color: #E2E2E2!important;
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	border-radius: 5px!important;
	border: 2px solid #9F9F9F!important
}

.v-Notification {}
  .popupContent {}
    .gwt-HTML {}
      h1 {      	
      }
      p  {
      }
.v-Notification.alert {
    background-color: #F2F2E2!important;
    //background-color: black!important;
    opacity: 1.0;
	-webkit-border-radius: 3px!important;
	-moz-border-radius: 3px!important;
	border-radius: 3px!important;
    border: 3px solid black!important
    color: black;
    width:320px;
    height:120px;
    font-weight: normal;
    text-align: center;
}
.notification-title{
	position:absolute!important; 
	top:0!important; 
	left:0!important;	
	font-weight: bold;
	text-align: left;
	background: #F5B437!important;
 	width:100%!important;
 	height:32px!important;
}

.v-selected{
	background-color: #BFD5E6!important;
	text-shadow:none!important;
	background-image:none!important;
	color:black!important;
}
.splitContent{
	background-color: #E2E2E2!important;
}
 
/* All buttons have blue caption and some margin */
/*
 .v-button {
    /*height:26px!important;
    display: block!important;
	background: transparent!important;
	border: none!important;
    .v-button-caption {
     	color: blue;
    }
    .v-button-wrap{
    	height:26px!important;
    	background: transparent!important;
    }    
 }*/
 
 
 
 
 
 